<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>样式的优先级</title>
    <style>
      /* 只有多个样式用于同一个标签的时候，才会出现权重的比较 */
      /* 0,0,0,1 */
      .bw{
          color: aqua;
      }

      /* 0,0,1,0 */
      div{
          color: blue;
      }
      /* 0,1,0,0 */
      #bwid{
          color: blueviolet;
      }
      /* 内联样式 */
      /* 1,0,0,0 */

      /*!important 最高权重  */
      div{
          color: rgb(206, 219, 20)!important;
      }
    </style>
</head>
<body>
    <div class="bw" id="bwid" style="color:chartreuse">  样式的优先级（权重）</div>
</body>
</html>